$(function(){	
	var list = $(".list");
	var prev = $(".prev");
	var next = $(".next");
	var lis = $(".leftSmall li");
	var sp = $(".leftSmall span");
	var leftBig = $(".leftBig");
	var index = 1;
	
	/*
   	左右按钮切换图片
   	*/
	prev.click(function(){
		index -= 1;
		if(index < 1){
			index = 5;
		}
		clearBtn();
		animate(698);
	})
	
	next.click(function(){
		index += 1;
		if(index > 5){
			index = 1;
		}
		clearBtn();
		animate(-698);		
	})
	
	function animate(x){
		var newLeft = list.position().left + x;
		if(newLeft < -2792 ){
			newLeft = 0;
		}
		if(newLeft > 0){
			newLeft = -2792;
		}
		list.css({"left":newLeft + "px"});				
	}
	
	/*
		小圆点跟随图片改变颜色 
	*/
	function clearBtn(){
		sp.removeClass("bg");
		sp.eq(index - 1).addClass("bg");
	}
	
	/*
		鼠标移入小图切换图片
	*/
	$(".leftSmall").find("li").each(function(){
		$(this).mouseover(function(){
			var x = 698 * (index - $(this).index() - 1);
			animate(x);
			index = $(this).index() + 1;
			clearBtn();
			stop();
		})
	})
	
	/*
	 	图片循环滚动
	*/
	var timer = null;
	function play(){
		timer = setInterval(function(){
			next.click();
		},2000);
	}
	play();
	
	/*
		鼠标放上去停止轮播 
	*/				
	function stop(){
		clearInterval(timer);
	}
	leftBig.mouseover(function(){
		stop();
	})
	leftBig.mouseout(function(){
		play();
	})
})


//function fn(prev,next,lis,sp,leftSmall,leftBig){
//	prev.click(function(){
//		index -= 1;
//		if(index < 1){
//			index = 5;
//		}
//		clearBtn();
//		animate(698);
//	})
//	
//	next.click(function(){
//		index += 1;
//		if(index > 5){
//			index = 1;
//		}
//		clearBtn();
//		animate(-698);		
//	})
//	
//	function animate(x){
//		var newLeft = list.position().left + x;
//		if(newLeft < -2792 ){
//			newLeft = 0;
//		}
//		if(newLeft > 0){
//			newLeft = -2792;
//		}
//		list.css({"left":newLeft + "px"});				
//	}
//	
//	/*
//		小圆点跟随图片改变颜色 
//	*/
//	
//	function clearBtn(){
//		sp.removeClass("bg");
//		sp.eq(index - 1).addClass("bg");
//	}
//	
//	/*
//		点击小图切换图片
//	*/
//	leftSmall.find("li").each(function(){
//		$(this).hover(function(){
//			var x = 698 * (index - $(this).index() - 1);
//			animate(x);
//			index = $(this).index() + 1;
//			clearBtn();
//		})
//	})
//	
//	/*
//	 	图片循环滚动
//	*/
//	var timer = null;
//	function play(){
//		timer = setInterval(function(){
//			next.click();
//		},2000);
//	}
//	play();
//	
//	/*
//		鼠标放上去停止轮播 
//	*/			
//	
//	function stop(){
//		clearInterval(timer);
//	}
//	leftBig.mouseover(function(){
//		stop();
//	})
//	leftBig.mouseout(function(){
//		play();
//	})
//}
